<script setup lang="ts">
import type { ChannelItem } from '@/types';

defineProps<{
    channels: ChannelItem[],
    activeId:number
}>()
const emits = defineEmits<{
    "updateActiveId":[activeId:number]
}>()

</script>
<template>
    <div class="channel-nav">
        <nav class="list">
            <a @click="emits('updateActiveId',item.id)" class="item" :class="{active:item.id==activeId}" href="javascript:;"  v-for="item in channels" :key="item.id">
                推荐{{ item.name }}
            </a>
        </nav>
    </div>
</template>